<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        window.onload = function() {
            // ajax
            // 1.创建对象
            var xhr = null;
            if (window.XMLHttpRequest) {
                xhr = new XMLHttpRequest()
            } else {
                //code for ie6,ie5
                xhr = new ActiveXObject("Microsoft.XMLHTTP");

            }
            // 2.准备发送
            // xhr.open(请求方式, 请求url)
            xhr.open('get', './ajax.php?user=zhangsan');
            // 3.发送
            xhr.send(null);
            // 4.执行回调函数
            xhr.onreadyStatechange = function() {
                if (xhr.readyState == 4) {
                    if (xhr.status == 200) {
                        document.getElementsByTagName('span')[0].innerHTML = xhr.responseText;
                    }

                } //readyState=4：响应的内容解析完毕，可以在客户端使用了--完成

            }
        }
    </script>
</head>

<body>
    <span></span>
</body>

</html>